<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html class="x-admin-sm">
<head>
    <meta charset="UTF-8">
    <title>后台登录-X-admin2.2</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/branch_oa/css/font.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/branch_oa/css/login.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/branch_oa/css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/branch_oa/lib/layui/layui.js" charset="utf-8"></script>
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
        .login {
            background: url(${pageContext.request.contextPath}/static/branch_oa/images/dlk1.png) no-repeat;
            background-size: 100% 100%;
            max-width: 800px;
        }

        .log {
            width: 100%;
            margin: 20px auto;
        }

        .login input[type=submit] {
            display: inline-block;
            vertical-align: middle;
            margin: 0px auto;
            white-space: nowrap;
            vertical-align: middle;
            cursor: pointer;
            color: #ffffff;
            border: none;
            -webkit-appearance: none;
            outline: none;
            background: url(${pageContext.request.contextPath}/static/branch_oa/images/dl1.png) no-repeat;
            background-size: 100% 100%;
            width: 211px;
            height: 60px;
            display: block;
        }
        .left{
            width: 200px;
            display: inline-block;
            vertical-align: top;
            padding-top: 80px;
        }
        .left img{
            width: 200px;
            height: 200px;
            display: block;
        }
        .right{
            width: 425px;
            display: inline-block;
            margin-top: 50px;
            padding-left: 20px;
        }
    </style>
</head>
<body class="login-bg">

<div class="login layui-anim layui-anim-up">
    <div class="left">
        <img src="${pageContext.request.contextPath}/static/branch_oa/images/logo.gif">
    </div>

    <div class="right">
        <img src="${pageContext.request.contextPath}/static/branch_oa/images/log.png" class="log">
        <form method="post" class="layui-form">
            <input name="userName" placeholder="用户名" type="text" lay-verify="required" class="layui-input">
            <hr class="hr15">
            <input name="passWord" lay-verify="required" placeholder="密码" type="password" class="layui-input">
            <hr class="hr15">
            <input value="" lay-submit lay-filter="login" class="login_btn" type="submit">
            <hr class="hr20">
        </form>
    </div>
</div>

<script>
    $(function () {
        layui.use('form', function () {
            var form = layui.form;
            // layer.msg('玩命卖萌中', function(){
            //   //关闭后的操作
            //   });
            //监听提交
            //监听提交
            form.on('submit(login)', function (data) {
                $.ajax({
                    type: 'post',
                    url: "${pageContext.request.contextPath}/admin/main/adminLogin",
                    data: data.field,
                    success: function (res) {
                        if (res) {
                            layer.alert("登录成功", {
                                    icon: 1
                                },
                                function () {
                                    location.href = '${pageContext.request.contextPath}/mui/index'
                                });
                        } else {
                            layer.alert("登录失败，用户名密码错误,或已被禁止登陆，请联系管理员", {
                                    icon: 2
                                },
                                function () {
                                    location.href = '${pageContext.request.contextPath}/mui/login'
                                });
                        }
                    }
                });
                return false;
            });
        });
    })
</script>
<%-- layer.msg(JSON.stringify(data.field),function(){
 location.href='index.html'
});
return false;
});
});
})
</script>--%>
<!-- 底部结束 -->
<script>
    //百度统计可去掉
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
</body>
</html>